﻿<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; Charset=utf-8" />
		<meta http-equiv="Content-Language" content="zh-CN" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<title th:text="xiaosongshu博客文章专栏'"></title>
		<link rel="shortcut icon" href="{{ url_for('static', filename='front/images/logo.png') }}" type="image/x-icon" />
		<!--Layui-->
		<link href="{{ url_for('static', filename='front/layui/css/layui.css') }}" rel="stylesheet" />
		<!--font-awesome-->
		<link href="{{ url_for('static', filename='front/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet" />
		<!--全局样式表-->
		<link href="{{ url_for('static', filename='front/css/global.css') }}" rel="stylesheet" />
		<link href="{{ url_for('static', filename='front/css/animate.min.css') }}" rel="stylesheet" />
		<!-- 本页样式表 -->
		<link href="{{ url_for('static', filename='front/css/detail.css') }}" rel="stylesheet" />
		<link href="{{ url_for('static', filename='front/css/blog.css') }}" rel="stylesheet" />
		<!-- jquery -->
		<script src="{{ url_for('static', filename='front/js/jquery.min.js') }}"></script>
	</head>

	<body>

		<nav id="h" class="blog-nav layui-header">
			<div class="blog-container">

				<a class="blog-logo" href="/front/blog/index">xiaosongshu</a>

				<ul class="layui-nav" lay-filter="nav">
					<li class="layui-nav-item">
						<a href="/front/blog/index"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
					</li>
					<li class="layui-nav-item">
						<a href="/front/blog/category/0"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
					</li>
					<li class="layui-nav-item">
						<a href="/front/list" target="_blank"><i class="fa fa-list fa-fw"></i>&nbsp;所有资源</a>
					</li>
					<!-- <li class="layui-nav-item">
						<a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
					</li> -->
					<span class="layui-nav-bar"></span></ul>

				<a class="blog-navicon" href="javascript:;">
					<i class="fa fa-navicon"></i>
				</a>
			</div>
		</nav>

		<div class="blog-body">

			<div class="blog-container">
				<div class="blog-main">
					<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow" style="visibility: visible;">
						<a href="/front/blog/index" title="网站首页">网站首页<span class="layui-box">&gt;</span></a>
						<a href="/front/blog/category/0" title="文章专栏">文章专栏<span class="layui-box">&gt;</span></a>
						<!-- <a><cite class="title">Spring boot 的核心配置文件</cite></a> -->
					</blockquote>
					<div class="blog-main">

						<div id="parentArticleList" class="blog-main-left animated slideInLeft">

							<div class="article-detail shadow">
								<div class="article-detail-title title">{{ article.title }}</div>
								<div class="article-detail-info">
									<span>编辑时间：{{ article.create_at }}</span>
								</div>
								<div id="articleContent" style="overflow: hidden;" class="article-detail-content">
									<textarea name="articleContent" style="display:none;">{{ article.content }}</textarea> 
								</div>
							</div>

						</div>
					</div>
					<div class="blog-main-right ">

						<div class="category-toggle "><i class="fa fa-chevron-left "></i></div>
			
						<div class="article-category shadow ">
							<div class="article-category-title ">分类导航</div>
								{% for category in categorys%}
								<a href="/front/blog/category/{{ category.id}}">{{ category.name}}</a>
								{% endfor %}
								<div class="clear "></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


<div class="blog-mask animated layui-hide "></div>

<script src="{{ url_for('static', filename='front/layui/layui.js') }}"></script>
<script src="{{ url_for('static', filename='front/js/global.js') }}"></script>

<script src="{{ url_for('static', filename='front/js/about.js') }}"></script>
<script src="{{ url_for('static', filename='front/js/detail.js') }}"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.js" integrity="sha512-+ab24sSOgbciah+hyqPk/XqGOooAInsofud5JB4AdrRfahahDA/WWnnm6dS/bl7UmN8RW8ZGp85EoWU/aFTUhA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/static/index/layui/lay/modules/jquery.js"></script>
<script src="/static/blog/editor.md-master/editormd.js"></script>
<script src="/static/blog/editor.md-master/lib/marked.min.js"></script>
<script src="/static/blog/editor.md-master/lib/prettify.min.js"></script>
<script src="/static/blog/editor.md-master/lib/flowchart.min.js"></script>
<script src="/static/blog/editor.md-master/lib/jquery.flowchart.min.js"></script>
<script src="/static/blog/editor.md-master/lib/sequence-diagram.min.js"></script>
<script src="/static/blog/editor.md-master/lib/underscore.min.js"></script>
<script src="/static/blog/editor.md-master/lib/raphael.min.js"></script>

<script type="text/javascript">
    var testEditor;
    $(function() {
        testEditor = editormd.markdownToHTML("articleContent", {//注意：这里是上面DIV的id
            htmlDecode : "style,script,iframe",
            emoji : true,
            taskList : true,
            tex : true, // 默认不解析
            flowChart : true, // 默认不解析
            sequenceDiagram : true, // 默认不解析
            codeFold : true
        });
    });
</script>



</body>
</html>